<template>
    <div class="">
      <el-input
        v-model="data.options.defaultValue"
        :style="{width: data.options.width}"
        :type="data.options.type"
        :maxlength="data.options.maxlength"
        :minlength="data.options.minlength"
        :show-word-limit="data.options.showWordLimit"
        :placeholder="data.options.placeholder"
        :clearable="data.options.clearable"
        :show-password="data.options.showPassword"
        :disabled="data.options.disabled"
        :size="data.options.size"
        :prefix-icon="data.options.prefixIcon"
        :suffix-icon="data.options.suffixIcon"
        :rows="data.options.rows"
        :autosize="data.options.autosize"
        :autocomplete="data.options.autocomplete"
        :name="data.options.name"
        :readonly="data.options.readonly"
        :max="data.options.max"
        :min="data.options.min"
        :step="data.options.step"
        :resize="data.options.resize"
        :autofocus="data.options.autofocus"
        :form="data.options.form"
        :label="data.options.label"
        :tabindex="data.options.tabindex"
        :validate-event="data.options.validateEvent"
        ></el-input>
    </div>
</template>
<script>
export default {
  name: 'InputItem',
  components: {
  },
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data () {
    return {
    }
  },
  watch: {
  },
  computed: {
  },
  created () {

  },
  mounted () {
  },
  methods: {

  }
}
</script>
<style lang="less">

</style>
